<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <script type="text/javascript" src="js/flexible.js"></script>
    <link type="text/css" rel="stylesheet" href="css/manage-money-matters.css">
    <link rel="stylesheet" href="css/Public/Public.css" type="text/css">
</head>
<body>
<header>
    <div class="header">小猪理财</div>
    <div><img src="./img/manage-money-matters/0理财_02.gif" alt=""></div>
</header>
<div class="background"></div>
<nav>
    <ul>
        <li>
            <a href="javascript:;">
            <img src="./img/manage-money-matters/0理财_05.gif" alt="">
            <p>定期理财</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./img/manage-money-matters/0理财_07.gif" alt="">
                <p>预约理财</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./img/manage-money-matters/0理财_09.gif" alt="">
                <p>债权市场</p>
            </a>
        </li>
        <li>
            <a href="shop.html">
                <img src="./img/manage-money-matters/0理财_11.gif" alt="">
                <p>积分商城</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./img/manage-money-matters/0理财_17.gif" alt="">
                <p>献爱心</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./img/manage-money-matters/0理财_18.gif" alt="">
                <p>安全中心</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./img/manage-money-matters/0理财_19.gif" alt="">
                <p>活动专区</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./img/manage-money-matters/0理财_20.gif" alt="">
                <p>签到</p>
            </a>
        </li>
    </ul>
</nav>
<div class="background-one"></div>
<section>
    <div class="section-icon">
        <img src="./img/manage-money-matters/0理财_27.gif">
        <span>文化科技企业补充流动资金借款</span>
    </div>
    <div class="div-section">
    <div class="section-one">
        <ul class="i-for">
            <li class="i-for-one">6%+6%</li>
            <li class="i-for-two">1个月</li>
            <li class="i-for-sheer">可投9 0万</li>
        </ul>
        <div class="f-for">
            <div class="progress-bar" style="width: 25%; background:rgb(240,77,96)"></div>
        </div>
        <ul class="e-for">
            <li>承保</li>
            <li>保障金</li>
            <li class="ce-for">担保</li>
        </ul>
    </div>
        <div class="j-for">
            <button>我要投资</button>
        </div>
    </div>
</section>
<div class="background"></div>
<section>
    <div class="section-icon">
        <img src="./img/manage-money-matters/0理财_27.gif">
        <span>投资管理企业补充流动资金借款</span>
    </div>
    <div class="div-section">
        <div class="section-one">
            <ul class="i-for">
                <li class="i-for-one">9%+2%</li>
                <li class="i-for-two">4个月</li>
                <li class="i-for-sheer">可投5 0万</li>
            </ul>
            <div class="f-for">
                <div class="progress-bar"  style="width: 45%; background:rgb(240,77,96)"></div>
            </div>
            <ul class="e-for">
                <li>承保</li>
                <li>保障金</li>
                <li class="ce-for">担保</li>
                <li class="ce-for">抵押</li>
            </ul>
        </div>
        <div class="j-for">
            <button>我要投资</button>
        </div>
    </div>
</section>
<footer>
    <ul>
        <li>
            <a href="manage-money-matters.html">
                <img src="./img/manage-money-matters/0理财_33.gif" alt="">
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="items.html">
                <img src="./img/manage-money-matters/0理财_39.gif" alt="">
                <p>项目</p>
            </a>
            </li>
        <li>
            <a href="my.html">
                <img src="./img/manage-money-matters/0理财_36.gif" alt="">
                <p>我的</p>
            </a>
        </li>
        <li>
            <a href="more.html">
                <img src="./img/manage-money-matters/0理财_42.gif" alt="">
                <p>更多</p>
            </a>
        </li>
    </ul>
</footer>
</body>
</html>